<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->
	<!-- BEGIN HEAD -->
	<head>
		<meta charset="utf-8" />
		<title>Admin Login</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />

		<!-- BEGIN GLOBAL MANDATORY STYLES -->
		<?php echo $this -> Html -> css('login/bootstrap.login.min'); ?>
		<?php echo $this -> Html -> css('bootstrap-responsive.min'); ?>
		<?php echo $this -> Html -> css('login/font-awesome.login.min'); ?>
		<?php echo $this -> Html -> css('style-metro'); ?>
		<?php echo $this -> Html -> css('style'); ?>
		<?php echo $this -> Html -> css('style-responsive'); ?>
		<?php echo $this -> Html -> css('themes/default'); ?>
		<?php echo $this -> Html -> css('uniform/css/uniform.default'); ?>
		<?php echo $this -> Html -> css('select2/select2_metro'); ?>

		<!-- END GLOBAL MANDATORY STYLES -->

		<!-- BEGIN PAGE LEVEL STYLES -->
		<?php echo $this -> Html -> css('pages/login-soft'); ?>
		<!-- END PAGE LEVEL STYLES -->
		<style>
			.btn {
				line-height: 12px;
			}
		</style>
		<link rel="shortcut icon" href="favicon.ico" />
	</head>
	<!-- END HEAD -->
	<!-- BEGIN BODY -->
	<body class="login">
		<!-- BEGIN LOGO -->
		<div class="logo">
			<!-- <img src="/theme/Default/img/logo.png" alt="" /> -->
		</div>
		<!-- END LOGO -->
		<!-- BEGIN LOGIN -->
		<div class="content">
			<!-- BEGIN LOGIN FORM -->
			<?php echo $this -> Form -> create('User', array('class' => 'form-vertical login-form')); ?>
			<h3 class="form-title">Login to administration</h3>
			<div class="alert alert-error hide">
				<button class="close" data-dismiss="alert"></button>
				<span>Enter any username and password.</span>
			</div>
			<div class="control-group">
				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
				<label class="control-label visible-ie8 visible-ie9">Username</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-user"></i>
						<?php echo $this -> Form -> input('User.email', array('div' => FALSE, 'label' => FALSE, 'class' => 'm-wrap placeholder-no-fix', 'autocomplete' => "off", 'placeholder' => "Username")); ?>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">Password</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-lock"></i>
						<?php echo $this -> Form -> password('User.password', array('div' => FALSE, 'label' => FALSE, 'class' => 'm-wrap placeholder-no-fix', 'autocomplete' => "off", 'placeholder' => "Password")); ?>
					</div>
				</div>
			</div>
			<div class="form-actions" style="margin-bottom: 0;padding-bottom: 0">
				<label class="checkbox"> <?php echo $this -> Form -> checkbox('remember', array('div' => false, 'value' => '1', 'hiddenField' => false, 'name' => 'remember', 'id' => 'remember')); ?> Remember me </label>
				<?php echo $this -> Form -> button('Login <i class="m-icon-swapright m-icon-white"></i>', array('type' => 'submit', 'class' => 'btn blue pull-right', 'escape' => false)); ?>
			</div>
			<div class="form-actions" style="padding: 0 0 0 30px !important;margin: 0 -30px !important">
				<h5 style="color: red"><?php echo $this->Session->flash(); ?></h5>
			</div>
			<div class="forget-password" style="">
				<h4>Forgot your password ?</h4>
				<p>
					Click <a href="javascript:;"  id="forget-password">here</a> to reset your password.
				</p>
			</div>
			<?php echo "</form>"; ?>
			<!-- END LOGIN FORM -->
			<!-- BEGIN FORGOT PASSWORD FORM -->
			<form class="form-vertical forget-form" action="index.html" method="post">
				<h3 >Forgot Password ?</h3>
				<p>
					Enter your e-mail address below to reset your password.
				</p>
				<div class="control-group">
					<div class="controls">
						<div class="input-icon left">
							<i class="icon-envelope"></i>
							<input class="m-wrap placeholder-no-fix" type="text" placeholder="Email" autocomplete="off" name="email" />
						</div>
					</div>
				</div>
				<div class="form-actions">
					<button type="button" id="back-btn" class="btn">
						<i class="m-icon-swapleft"></i> Back
					</button>
					<button type="submit" class="btn blue pull-right">
						Submit <i class="m-icon-swapright m-icon-white"></i>
					</button>
				</div>
			</form>
			<!-- END FORGOT PASSWORD FORM -->
		</div>
		<!-- END LOGIN -->
		<!-- BEGIN COPYRIGHT -->
		<div class="copyright">
			2014 &copy; Máy Tốt VN - Admin Dashboard.
		</div>
		<!-- END COPYRIGHT -->
		<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		<!-- BEGIN CORE PLUGINS -->
		<?php echo $this -> Html -> script('jquery.min'); ?>
		<?php echo $this -> Html -> script('jquery-migrate-1.2.1.min'); ?>
		<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		<?php echo $this -> Html -> script('jquery.min'); ?>
		<?php echo $this -> Html -> script('jquery.min'); ?>
		<?php echo $this -> Html -> script('jquery.min'); ?>
		<script src="/theme/admin/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
		<script src="/theme/admin/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="/theme/admin/js/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>
		<!--[if lt IE 9]>
		<?php echo $this->Html->script('plugins/excanvas.min'); ?>
		<?php echo $this->Html->script('plugins/respond.min'); ?>
		<![endif]-->
		<?php echo $this -> Html -> script('jquery.slimscroll.min'); ?>
		<?php echo $this -> Html -> script('jquery.blockui.min'); ?>
		<?php echo $this -> Html -> script('jquery.cookie.min'); ?>
		<?php echo $this -> Html -> script('jquery.uniform.min'); ?>
		<!-- END CORE PLUGINS -->
		<!-- BEGIN PAGE LEVEL PLUGINS -->
		<?php echo $this -> Html -> script('jquery.validate.min'); ?>
		<?php echo $this -> Html -> script('jquery.backstretch.min'); ?>
		<?php echo $this -> Html -> script('plugins/select2/select2.min'); ?>
		<!-- END PAGE LEVEL PLUGINS -->
		<!-- BEGIN PAGE LEVEL SCRIPTS -->
		<?php echo $this -> Html -> script('plugins/script/app'); ?>
		<?php echo $this -> Html -> script('app/login-soft'); ?>
		<!-- END PAGE LEVEL SCRIPTS -->
		<script>
			jQuery(document).ready(function() {
				App.init();
				Login.init();
			});
		</script>
		<!-- END JAVASCRIPTS -->
	</body>
	<!-- END BODY -->
</html>